<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>

        <title>Loja Ki-Saude</title>

        <link href="#{contexto.pathContexto}/templates/css/reset.css"
              rel="stylesheet" type="text/css" />
        <link href="#{contexto.pathContexto}/templates/css/style.css"
              rel="stylesheet" type="text/css" />

    </h:head>

    <h:body>

        <div id="container">
            <div id="banner">
                <div id="img">
                    <img
                        src="#{contexto.pathContexto}/templates/images/bannerkisaude.png" />
                </div>
                    <h1>Servindo Saúde</h1>
            </div>
            <div id="menuEsquerdo">
                <ui:insert name="menuEsquerdo">template</ui:insert>
            </div>
            <div id="conteudo">
                <ui:insert name="conteudo">conteudo template</ui:insert>
            </div>
            <div id="footer">
                <h1>rodapé</h1>
            </div>
        </div>

        <p:dialog modal="true" widgetVar="carregando" header="Carregando..."
                  width="240" height="40" draggable="false" closable="false"
                  resizable="false">
            <p:graphicImage value="/templates/images/ajax-loader.gif" />
        </p:dialog>

    </h:body>
</html>
